<app-header></app-header>
<div class="mainImg"></div>
<app-main-nav></app-main-nav>
<div class="fgx"></div>
<div class="introduction">
    <a routerLink="/jituangaikuang">
        <div class="title">
            
            <div class="titleName">
                <div class="squre"></div>
                <span>公司简介&nbsp;INTRODUCTION</span>
            </div>
            <div class="more">MORE>></div>
        </div>
        <div class="content">
            <div class="leftContent" id="gsjjContent"></div>
            <div class="rightPic"><img src="{{gsjjImgUrl}}" alt=""></div>
        </div>
    </a>
</div>
<div class="fgx" style="height: 1px;"></div>
<div class="introduction">
    <a routerLink="/xinwenzhongxin">
        <div class="title">
            
            <div class="titleName">
                <div class="squre"></div>
                <span>公司新闻&nbsp;COMPANY NEWS</span>
            </div>
            <div class="more">MORE>></div>
        </div>
        <div class="content">
            <div class="leftContent"  style="height: 7rem;">
                <div class="gsxwTitle" style="font-size:16px;height:2rem;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;color:black">{{gsxwTitle}}</div>
                <div id="gsxwContent"></div>
            </div>
            <div class="rightPic" style="height: 7rem;"><img src="{{gsxwPicUrl}}" alt=""></div>
        </div>
    </a>
</div>
<div class="fgx" style="height: 1px;"></div>
<div class="introduction">
    <a routerLink="/gongsiyeji">
        <div class="title">
            
            <div class="titleName">
                <div class="squre"></div>
                <span>公司业绩&nbsp;CONTRIBUTION</span>
            </div>
            <div class="more">MORE>></div>
        </div>
        <div class="gsyjContent">
            <div class="topNames"></div>
            <div class="btmSlides">
                <!-- swiper控件 -->
            <div class="swiper-container" id="gsyjLbt">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" *ngFor="let data of gsyjImg">
                    <img [src]="data" alt="" style="width: 100%;height: 100%;" >
                  </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
               
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            </div>
        </div>
    </a>
</div>
<div class="fgx" style="height: 1px;margin-top: 5px;"></div>
<div class="introduction">
    <a routerLink="/kejichuangxin">
        <div class="title">
            
            <div class="titleName">
                <div class="squre"></div>
                <span>科技创新&nbsp;HORONS</span>
            </div>
            <div class="more">MORE>></div>
        </div>
        <div class="content" id="kjcxContent">
            <!-- swiper控件 -->
            <div class="swiper-container" id="kjcxLbt">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" *ngFor="let data of slides">
                    <img [src]="data" alt="" width="100" height="100" >
                  </div>
                </div>
                <!-- 如果需要分页器 --> 
                <!-- <div class="swiper-pagination"></div> -->
               
                <!-- 如果需要导航按钮 -->
                <!-- <div class="swiper-button-prev"></div> -->
                <!-- <div class="swiper-button-next"></div> -->
            </div>
        </div>
    </a>
</div>
<div class="fgx" style="height: 1px;"></div>